<template>
    <div class="swiper">
        <van-swipe class="my-swipe" autoplay="1000" indicator-color="black">
            <van-swipe-item v-for="value in list" :key="value.id"><img :src="getImg(value.src)"></van-swipe-item>
        </van-swipe>
    </div>
</template>
<script setup>
import { ref, reactive, onMounted } from 'vue'
const props = defineProps({
    list: {
        type: Array,
    }
});
const getImg = e => `http://172.17.18.240:8080/nfood${e}`
</script>

<style scoped>
.swiper{
    width: 90%;
height: 200px;
margin: 10px auto;
}
.van-swipe{
    width: 100%;
    height: 100%;
    border-radius: 15px;
}
.van-swipe-item{
    width: 100%;
    height: 100%;

}
.van-swipe-item img{
    width: 100%;
    height: 100%;
}
</style>